<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2019/6/27
  Time: 14:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="${pageContext.request.contextPath}/js/shopcar.js"></script>
    <!-- Mobile Web-app fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Meta tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <!--Title-->
    <title>Home</title>

    <!--CSS styles-->
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/bootstrap.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/animate.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/font-awesome.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/furniture-icons.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/linear-icons.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/magnific-popup.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/owl.carousel.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/ion-range-slider.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/theme1.css" />
    <link rel="stylesheet" media="all" href="${pageContext.request.contextPath}/css/product.css"/>

    <!--Google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600&amp;subset=latin-ext" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <![endif]-->

</head>

<body>

<div class="page-loader"></div>

<div class="wrapper">

    <!--Use class "navbar-fixed" or "navbar-default" -->
    <!--If you use "navbar-fixed" it will be sticky menu on scroll (only for large screens)-->

    <!-- ======================== Navigation ======================== -->

    <nav class="navbar-fixed">

        <div class="container">

            <!-- ==========  Top navigation ========== -->

            <div class="navigation navigation-top clearfix">
                <ul>
                    <!--add active class for current page-->

                    <!--Language selector-->

                    <li class="nav-settings">
                        <a href="javascript:void(0);" class="nav-settings-value"> 简体中文</a>
                        <ul class="nav-settings-list">
                            <li>简体中文</li>
                            <li>ENG</li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0);" class="open-login"><i class="icon icon-user"></i></a></li>
                    <li><a href="javascript:void(0);" class="open-search"><i class="icon icon-magnifier"></i></a></li>
                    <li><a href="javascript:void(0);" class="open-cart" onclick="show()"><i class="icon icon-cart"></i> <span id="pnum"></span></a></li>
                </ul>
            </div> <!--/navigation-top-->

            <!-- ==========  Main navigation ========== -->

            <div class="navigation navigation-main">

                <!-- Setup your logo here-->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=ishot" class="logo"><img src="${pageContext.request.contextPath}/assets/images/logo.png" alt="" /></a>

                <!-- Mobile toggle menu -->

                <a href="#" class="open-menu"><i class="icon icon-menu"></i></a>

                <!-- Convertible menu (mobile/desktop)-->

                <div class="floating-menu">

                    <!-- Mobile toggle menu trigger-->

                    <div class="close-menu-wrapper">
                        <span class="close-menu"><i class="icon icon-cross"></i></span>
                    </div>

                    <ul>
                        <li><a href="${pageContext.request.contextPath}/GoodsServlet?method=ishot">首页</a></li>
                      <%--  <li><a href="product.jsp">产品详情</a></li>--%>
                        <li><a href="products-grid.jsp">产品列表</a></li>
                    </ul>
                </div> <!--/floating-menu-->
            </div> <!--/navigation-main-->

            <!-- ==========  Search wrapper ========== -->

            <div class="search-wrapper">

                <!-- Search form -->
                <input type="text" class="form-control" placeholder="Search..." id="searchfor" />
                <input type="button" class="btn btn-main btn-search" value="Go!" onclick="search()"></input>
            </div>

            <!-- ==========  Login wrapper ========== -->
            <%@ include file="login_part.jsp" %>
            <!-- ==========  Cart wrapper ========== -->
            <!-- ==========  购物车========== -->
            <%--这里取走了购物车--%>
            <%--这里可能需要问老师--%>
            <%@ include file="shopcar.jsp" %>

        </div> <!--/container-->
    </nav>

    <!-- ========================  Header content ======================== -->

    <section class="header-content">

        <div class="owl-slider">

            <!-- === slide item === -->

            <div class="item" style="background-image:url(${pageContext.request.contextPath}/assets/images/gallery-1.jpg)">
                <div class="box">
                    <div class="container">
                        <h2 class="title animated h1" data-animation="fadeInDown">甄选全球设计尖货</h2>
                        <div class="animated" data-animation="fadeInUp">
                            Modern & powerfull. <br /> Clean design & Fashion<br />
                            Select from all over the world
                        </div>
                        <div class="animated" data-animation="fadeInUp">
                            <a href="" target="_blank" class="btn btn-main" ><i class="icon icon-cart"></i> Buy Now</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- === slide item === -->

            <div class="item" style="background-image:url(${pageContext.request.contextPath}/assets/images/gallery-2.jpg)">
                <div class="box">
                    <div class="container">
                        <h2 class="title animated h1" data-animation="fadeInDown">全球家居品牌典范</h2>
                        <div class="animated" data-animation="fadeInUp">Unlimited Choices. Unbeatable Prices. </div>
                        <div class="animated" data-animation="fadeInUp">Furniture category!</div>
                        <div class="animated" data-animation="fadeInUp">
                            <a href="#" class="btn btn-clean">Buy now</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- === slide item === -->

            <div class="item" style="background-image:url(${pageContext.request.contextPath}/assets/images/gallery-3.jpg)">
                <div class="box">
                    <div class="container">
                        <h2 class="title animated h1" data-animation="fadeInDown">
                            美好的生活 需要诗和远方
                        </h2>
                        <div class="desc animated" data-animation="fadeInUp">
                            更需要沙发和床
                        </div>
                        <div class="desc animated" data-animation="fadeInUp">
                            Better life needs poetry and distance!
                        </div>
                        <div class="animated" data-animation="fadeInUp">
                            <a href="" target="_blank" class="btn btn-clean">Buy now</a>
                        </div>
                    </div>
                </div>
            </div>


            <!-- === slide item === -->

            <div class="item" style="background-image:url(${pageContext.request.contextPath}/assets/images/gallery-5.jpg)">
                <div class="box">
                    <div class="container">
                        <h2 class="title animated h1" data-animation="fadeInDown">
                            为中国生活设计！
                        </h2>
                        <div class="desc animated" data-animation="fadeInUp">
                            design for
                        </div>
                        <div class="desc animated" data-animation="fadeInUp">
                            China!!
                        </div>
                        <div class="animated" data-animation="fadeInUp">
                            <a href="" target="_blank" class="btn btn-clean">Buy now</a>
                        </div>
                    </div>
                </div>
            </div>

        </div> <!--/owl-slider-->
    </section>

    <!-- ========================  Icons slider ======================== -->

    <section class="owl-icons-wrapper owl-icons-frontpage">

        <!-- === header === -->

        <header class="hidden">
            <h2>Product categories</h2>
        </header>

        <div class="container">

            <div class="owl-icons">

                <!-- === icon item === -->


                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=沙发">
                    <figure>
                        <i class="f-icon f-icon-sofa"></i>
                        <figcaption>沙发</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=椅子">
                    <figure>
                        <i class="f-icon f-icon-chair"></i>
                        <figcaption>椅子</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=餐桌">
                    <figure>
                        <i class="f-icon f-icon-dining-table"></i>
                        <figcaption>餐桌</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=桌子">
                    <figure>
                        <i class="f-icon f-icon-table"></i>
                        <figcaption>桌子</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=书架">
                    <figure>
                        <i class="f-icon f-icon-bookcase"></i>
                        <figcaption>书架</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=床">
                    <figure>
                        <i class="f-icon f-icon-bedroom"></i>
                        <figcaption>床</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=床头柜">
                    <figure>
                        <i class="f-icon f-icon-nightstand"></i>
                        <figcaption>床头柜</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=儿童房">
                    <figure>
                        <i class="f-icon f-icon-children-room"></i>
                        <figcaption>儿童房</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=厨房">
                    <figure>
                        <i class="f-icon f-icon-kitchen"></i>
                        <figcaption>厨房</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=浴室">
                    <figure>
                        <i class="f-icon f-icon-bathroom"></i>
                        <figcaption>浴室</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=衣橱">
                    <figure>
                        <i class="f-icon f-icon-wardrobe"></i>
                        <figcaption>衣橱</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=鞋柜">
                    <figure>
                        <i class="f-icon f-icon-shoe-cabinet"></i>
                        <figcaption>鞋柜</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=办公家居">
                    <figure>
                        <i class="f-icon f-icon-office"></i>
                        <figcaption>办公家居</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=茶几">
                    <figure>
                        <i class="f-icon f-icon-bar-set"></i>
                        <figcaption>茶几</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=灯">
                    <figure>
                        <i class="f-icon f-icon-lightning"></i>
                        <figcaption>灯</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=抱枕">
                    <figure>
                        <i class="f-icon f-icon-carpet"></i>
                        <figcaption>抱枕</figcaption>
                    </figure>
                </a>

                <!-- === icon item === -->

                <a href="${pageContext.request.contextPath}/GoodsServlet?method=subclass&categoryname=配饰">
                    <figure>
                        <i class="f-icon f-icon-accessories"></i>
                        <figcaption>配饰</figcaption>
                    </figure>
                </a>

            </div> <!--/owl-icons-->
        </div> <!--/container-->
    </section>

    <!-- ========================  Products widget ======================== -->

    <section class="products">

        <div class="container">

            <!-- === header title === -->

            <header>
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <h2 class="title">家居界的“奥斯卡”</h2>
                        <div class="text">
                            <p>Popular products</p>
                        </div>
                    </div>
                </div>
            </header>

            <div class="row">

                <!-- === product-item === -->
                <c:forEach items="${hotgoods}" var="p">
                    <div class="col-md-4 col-xs-6">

                        <article>
                            <div class="info">
                                <span class="add-favorite added">
                                    <a href="javascript:void(0);" data-title="Add to favorites" data-title-added="Added to favorites list"><i class="icon icon-heart"></i></a>
                                </span>
                                <span>
                                    <a href="#productid${p.ID}"  class="mfp-open" data-title="Quick wiew"><i class="icon icon-eye"></i></a>
                                </span>
                            </div>
                            <div class="btn btn-add">
                                <i class="icon icon-cart" onclick="Padd('${p.ID}')"></i>
                            </div>
                            <div class="figure-grid">
                                <div class="image">
                                    <a href="#productid${p.ID}" class="mfp-open" onclick="show('${p.ID}','${p.productName}','${p.mainPic}','${p.category}','${p.description}','${p.minprice}','${p.maxprice}')">
                                        <img src="${pageContext.request.contextPath}/${p.mainPic}" alt="" width="360" />
                                    </a>
                                </div>
                                <div class="text">
                                    <h2 class="title h4"><a href="${pageContext.request.contextPath}/html/product.jsp">${p.productName}</a></h2>
                                    <sub>-</sub>
                                    <sup>$</sup><sup>${p.minprice}</sup>
                                    <span class="description clearfix">${p.description}</span>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="popup-main mfp-hide" id="productid${p.ID}">

                        <!-- === product popup === -->

                        <div class="product">

                            <!-- === popup-title === -->

                                <%--放名字--%>
                            <div class="popup-title">
                                <div class="h1 title" id="put_name" style="font-size: 20px"></div>
                            </div>

                            <!-- === product gallery === -->
                                <%--这里少子图--%>
                            <div class="owl-product-gallery">
                                <c:forEach items="${p.picList}" var="m">
                                    <img src="${pageContext.request.contextPath}/${m.path}" alt="" width="640" />
                                </c:forEach>
                            </div>

                            <!-- === product-popup-footer === -->

                            <div class="popup-table">
                                <div class="popup-cell">
                                    <div class="price">
                                        <span class="h3" id="put_price"></span>
                                    </div>
                                </div>
                                <div class="popup-cell">
                                    <div class="popup-buttons">
                                        <a href="javascript:void(0);" onclick="showdetail()"><span class="icon icon-eye"></span> <span class="hidden-xs">View more</span></a>
                                        <a onclick="buy()"><span class="icon icon-cart"></span> <span class="hidden-xs">Buy</span></a>
                                    </div>
                                </div>
                            </div>

                        </div> <!--/product-->
                    </div>
                </c:forEach>

            </div> <!--/row-->
            <!-- === button more === -->

            <div class="wrapper-more">
                <a href="products-grid.jsp" class="btn btn-main">查看更多</a>
            </div>

            <!-- ========================  Product info popup - quick view ======================== -->

             <!--popup-main-->
        </div> <!--/container-->
    </section>

    <!-- ========================  Stretcher widget ======================== -->

    <section class="stretcher-wrapper">

        <!-- === stretcher header === -->

        <header class="hidden">
            <!--remove class 'hidden'' to show section header -->
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <h1 class="h2 title">Popular categories</h1>
                        <div class="text">
                            <p>
                                Whether you are changing your home, or moving into a new one, you will find a huge selection of quality living room furniture,
                                bedroom furniture, dining room furniture and the best value at Furniture factory
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- === stretcher === -->

        <ul class="stretcher">

            <!-- === stretcher item === -->

            <li class="stretcher-item" style="background-image:url(${pageContext.request.contextPath}/assets/images/绿植.jpg);">
                <!--logo-item-->
                <%--<div class="stretcher-logo">
                    <div class="text">
                        <span class="f-icon f-icon-bedroom"></span>
                        <span class="text-intro">Bedroom</span>
                    </div>
                </div>--%>
                <!--main text-->
                <figure>
                    <h4>打造专属于你的绿色房间</h4>
                    <figcaption>绿色有益于身心健康。只需几盆植物就够了，无需太多。</figcaption>
                </figure>
                <!--anchor-->
                <a href="#">Anchor link</a>
            </li>

            <!-- === stretcher item === -->

            <li class="stretcher-item" style="background-image:url(${pageContext.request.contextPath}/assets/images/室内家具品味零食.jpg);">
                <!--logo-item-->
                <%--<div class="stretcher-logo">
                    <div class="text">
                        <span class="f-icon f-icon-sofa"></span>
                        <span class="text-intro">Living room</span>
                    </div>
                </div>--%>
                <!--main text-->
                <figure>
                    <h4>时尚优雅之姿品味零食</h4>
                    <figcaption>一边布置桌子，一边思考摆放方式，</figcaption>
                    <figcaption>令色彩、图案与造型和谐相融，呈献一场令人垂涎欲滴的盛宴。</figcaption>
                </figure>
                <!--anchor-->
                <a href="#">Anchor link</a>
            </li>

            <!-- === stretcher item === -->

            <li class="stretcher-item" style="background-image:url(${pageContext.request.contextPath}/assets/images/阳台沙发床.jpg);">
                <!--logo-item-->
                <%--<div class="stretcher-logo">
                    <div class="text">
                        <span class="f-icon f-icon-office"></span>
                        <span class="text-intro">Office</span>
                    </div>
                </div>--%>
                <!--main text-->
                <figure>
                    <h4>置身阳台，同时让一切所需物品近在手边</h4>
                    <figcaption>在阳台上铺一张床，加一个蚊帐，遮挡蚊虫，</figcaption>
                    <figcaption>在家中享受一次舒适无比的冒险之旅。</figcaption>

                </figure>
                <!--anchor-->
                <a href="#">Anchor link</a>
            </li>

            <!-- === stretcher item === -->

            <li class="stretcher-item" style="background-image:url(${pageContext.request.contextPath}/assets/images/儿童床.jpg);">
                <!--logo-item-->
                <%--<div class="stretcher-logo">
                    <div class="text">
                        <span class="f-icon f-icon-bathroom"></span>
                        <span class="text-intro">Bathroom</span>
                    </div>
                </div>--%>
                <!--main text-->
                <figure>
                    <h4>儿童天地</h4>
                    <figcaption>选了卧室的一角，利用原有的储物空间和照明设备，</figcaption>
                    <figcaption>力求以经济实惠的方式打造舒适的居住体验。</figcaption>
                </figure>
                <!--anchor-->
                <a href="#">Anchor link</a>
            </li>

            <!-- === stretcher item more=== -->

            <li class="stretcher-item more">
                <div class="more-icon">
                    <span data-title-show="创意灵感" data-title-hide="*"></span>
                </div>
                <a href="#"></a>
            </li>

        </ul>
    </section>

    <!-- ========================  Blog Block ======================== -->

    <section class="blog blog-block">

        <div class="container">

            <!-- === blog header === -->

            <header>
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <h2 class="title">时尚爆料王</h2>
                        <div class="text">
                            <p>在家居中凸显时尚，享受生活</p>
                        </div>
                    </div>
                </div>
            </header>

            <div class="row">

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image">
                                <img src="${pageContext.request.contextPath}/assets/images/project-1.jpg" alt="" />
                            </div>
                            <div class="entry entry-block">
                                <div class="date">6 July 2019</div>
                                <div class="title">
                                    <h2 class="h3">甄选全球设计尖货 </h2>
                                </div>
                                <div class="description">
                                    <p>
                                        全球创意设计师平台，独特的设计，时尚的风格，给你温馨，还你幸福
                                    </p>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">查看详情</span>
                            </div>
                        </a>
                    </article>
                </div>

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image">
                                <img src="${pageContext.request.contextPath}/assets/images/project-2.jpg" alt="" />
                            </div>
                            <div class="entry entry-block">
                                <div class="date">29 June 2019</div>
                                <div class="title">
                                    <h2 class="h3">全球购</h2>
                                </div>
                                <div class="description">
                                    <p>
                                        全球家居品牌典范，探索全球美好生活。让您的生活融健康与时尚于一体，让您的家居充满安全！
                                    </p>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">查看详情</span>
                            </div>
                        </a>
                    </article>
                </div>

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image">
                                <img src="${pageContext.request.contextPath}/assets/images/project-3.jpg" alt="" />
                            </div>
                            <div class="entry entry-block">
                                <div class="date">29 June 2019</div>
                                <div class="title">
                                    <h2 class="h3">Design For China</h2>
                                </div>
                                <div class="description">
                                    <p>
                                        为中国生活设计，这里尽显中国风。典雅而不是时尚，让你的家具活色生香！
                                    </p>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">查看详情</span>
                            </div>
                        </a>
                    </article>
                </div>

            </div> <!--/row-->
            <!-- === button more === -->

            <div class="wrapper-more">
                <a href="#" class="btn btn-main">查看所有热门设计</a>
            </div>

        </div> <!--/container-->
    </section>

    <!-- ========================  Banner ======================== -->

    <section class="banner" style="background-image:url(${pageContext.request.contextPath}/assets/images/gallery-4.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-md-offset-2 col-md-8 text-center">
                    <h2 class="title">关于我们</h2>
                    <p>
                        我们相信，创造力是我们进步的源泉。凭借这一理念，我们公司遍寻世界各地，寻找杰出的设计师，并将他们独一无二且杰出的设计产品带给了大家。由衷的祝愿各位可爱的买家能够享受在此获得完美的购物体验！
                    </p>
                    <p><a href="#" class="btn btn-clean">了解更多</a></p>
                </div>
            </div>
        </div>
    </section>

    <!-- ========================  Blog ======================== -->

    <section class="blog">

        <div class="container">

            <!-- === blog header === -->

            <header>
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <h1 class="h2 title">猜你喜欢</h1>
                        <div class="text">
                            <p>发现你内心深处的秘密</p>
                        </div>
                    </div>
                </div>
            </header>

            <div class="row">

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image" style="background-image:url(${pageContext.request.contextPath}/assets/images/blog-1.jpg)">
                                <img src="${pageContext.request.contextPath}/assets/images/blog-1.jpg" alt="" />
                            </div>
                            <div class="entry entry-table">
                                <div class="date-wrapper">
                                    <div class="date">
                                        <span>￥</span>
                                        <strong>6800</strong>
                                        <span>9800</span>
                                    </div>
                                </div>
                                <div class="title">
                                    <h2 class="h5">原木简约客厅沙发茶几套装</h2>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">Buy now</span>
                            </div>
                        </a>
                    </article>
                </div>

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image" style="background-image:url(${pageContext.request.contextPath}/assets/images/blog-2.jpg)">
                                <img src="${pageContext.request.contextPath}/assets/images/blog-1.jpg" alt="" />
                            </div>
                            <div class="entry entry-table">
                                <div class="date-wrapper">
                                    <div class="date">
                                        <span>￥</span>
                                        <strong>1988</strong>
                                        <span>3688</span>
                                    </div>
                                </div>
                                <div class="title">
                                    <h2 class="h5">小圆桌阳台小茶几简约休闲边桌实木洽谈小桌子</h2>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">Buy now</span>
                            </div>
                        </a>
                    </article>
                </div>

                <!-- === blog item === -->

                <div class="col-sm-4">
                    <article>
                        <a href="#">
                            <div class="image" style="background-image:url(${pageContext.request.contextPath}/assets/images/blog-8.jpg)">
                                <img src="${pageContext.request.contextPath}/assets/images/blog-8.jpg" alt="" />
                            </div>
                            <div class="entry entry-table">
                                <div class="date-wrapper">
                                    <div class="date">
                                        <span>￥</span>
                                        <strong>699</strong>
                                        <span>1399</span>
                                    </div>
                                </div>
                                <div class="title">
                                    <h2 class="h5">北欧茶几简约现代客厅创意经济型茶桌阳台椭圆形小茶几简易小户型</h2>
                                </div>
                            </div>
                            <div class="show-more">
                                <span class="btn btn-main btn-block">Read more</span>
                            </div>
                        </a>
                    </article>
                </div>

            </div> <!--/row-->
            <!-- === button more === -->

            <div class="wrapper-more">
                <a href="#" class="btn btn-main">View all posts</a>
            </div>

        </div> <!--/container-->
    </section>

    <!-- ========================  Instagram ======================== -->

    <section class="instagram">

        <!-- === instagram header === -->

        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <h2 class="h2 title">Follow us <i class="fa fa-instagram fa-2x"></i> Instagram </h2>
                        <div class="text">
                            <p>@InstaFurnitureFactory</p>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- === instagram gallery === -->

        <div class="gallery clearfix">
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-1.jpg" alt="Alternate Text" />
            </a>
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-2.jpg" alt="Alternate Text" />
            </a>
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-3.jpg" alt="Alternate Text" />
            </a>
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-4.jpg" alt="Alternate Text" />
            </a>
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-5.jpg" alt="Alternate Text" />
            </a>
            <a class="item" href="#">
                <img src="${pageContext.request.contextPath}/assets/images/square-6.jpg" alt="Alternate Text" />
            </a>

        </div> <!--/gallery-->

    </section>

    <!-- ================== Footer  ================== -->

    <%@ include file="foot.jsp" %>

</div> <!--/wrapper-->

<!--JS files-->

<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.bootstrap.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.magnific-popup.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.owl.carousel.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.ion.rangeSlider.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.isotope.pkgd.js"></script>
<script src="${pageContext.request.contextPath}/js/main.js"></script>

</body>

</html>
<script>
    var ID = '';
    var PName='';
    var PImage='';
    var PID='';
    var Desc='';

    function show(id,name,image,category,desc,iprice,aprice){
        ID = id;
        PName=name;
        PImage=image;
        PID=category;
        Pmprice=iprice;
        Paprice=aprice;
        Desc=desc;
        $('#put_name').html(PName);
        $('#put_price').html("$"+Pmprice+"<small>"+Paprice+"</small>");
    }

    function showdetail(){
        location.href = "${pageContext.request.contextPath}/GoodsServlet?method=DetailProduct&ProductID="+ID+"&PID=" +PID;
    }
    function search() {
        var Searchfor = $("#searchfor").val();
        location.href = "${pageContext.request.contextPath}/GoodsServlet?method=search&&ProductName="+Searchfor+"&&perpage=5&&page=1";
    }
    /*添加到购物车中*/
    function Padd(id) {
        $.get(path+'/addShopcar',{method:"add",ID:id},function (data) {
            alert("添加成功");

        })
    }
</script>

